import { Layout, Divider } from 'antd';
import * as React from 'react';
const { Sider, Content } = Layout;
import BookStore from '../stores/BookStore'
import BookList from './BookList'
import StarBook from './StarBook'
import Tags from './Tags'
const bookStore = BookStore.fromLocalStorge()
bookStore.subscribeLocalstorageToStore()

export default class Lay extends React.Component {
  public render() {
    return (<Layout>
      <Content>
        <BookList bookStore={bookStore} />
      </Content>
      <Sider>
        <p>标签&nbsp;</p>

        <Tags bookStore={bookStore} />
        <Divider />
        <StarBook bookStore={bookStore} />
      </Sider>
    </Layout>)
  }
}
